//生产总览组件(测试阶段)
import React, { Component } from "react";
import { connect } from "dva";
import {
    List,
    WhiteSpace,
    Accordion,
    WingBlank
} from "antd-mobile";
import styles from "./ProData.less";
const temp =['回转窑进口温度', '旋风除尘器出口温度','喷淋塔进口温度','回转窑内部温度','烟囱温度','脉冲除尘器进口温度','急冷塔出口温度','急冷塔进口温度','热交换空气进口温度','热交换空气出口温度','二燃室内部温度','循环水箱温度'];
const strees = ['二燃室压力', '急冷塔出口压力', '急冷塔水泵出口压力','循环水泵管道出口压力','压缩空气压力','引风机进口压力','回转窑出口压力','脉冲除尘器压差'];
const electric = ['进料螺旋频率','进料螺旋电流','回转窑频率','回转窑电流','250KW引风机频率','250KW引风机电流','大棚引风机频率','大棚引风机电流','急冷泵频率','急冷泵电流','循环水泵频率','循环水泵电流','罗茨风机频率','罗茨风机电流'];
const resuab = ['一氧化碳','cod','氯化氢','水处理量','cod','氯化氢','水处理量']
class ProData extends Component {
    state = {

    };
    onChange = (key) => {
        console.log(key);
      }

    render() {

        return (
            <WingBlank>
                <WhiteSpace />
                <div className={styles.containerTop}>
                <WhiteSpace />
                <Accordion  className="my-accordion" onChange={this.onChange}>
                <Accordion.Panel header="温度">
                <List className="my-list">
                {
                    temp.map((key,index) => {
                        return(
                            <List.Item>{key}</List.Item>
                        )
                    })
                }
                </List>
                </Accordion.Panel>
                <Accordion.Panel header="压力" className="pad">
                <List className="my-list">
                {
                    strees.map((key,index) => {
                        return(
                            <List.Item>{key}</List.Item>
                        )
                    })
                }
                </List>
                </Accordion.Panel>
                <Accordion.Panel header="电气" className="pad">
                <List className="my-list">
                {
                    electric.map((key,index) => {
                        return(
                            <List.Item>{key}</List.Item>
                        )
                    })
                }
                </List>
                </Accordion.Panel>
                <Accordion.Panel header="环保指标" className="pad">
                <List className="my-list">
                {
                    resuab.map((key,index) => {
                        return(
                            <List.Item>{key}</List.Item>
                        )
                    })
                }
                </List>
                </Accordion.Panel>
                </Accordion>

                </div>
                <WhiteSpace />


            </WingBlank>
        );
    }
}
function mapStateToProps(state) {
    return {};
}
export default connect()(ProData);
